import axios, { InternalAxiosRequestConfig, AxiosResponse } from "axios";
import { useUserStoreHook } from "@/store/modules/user";
import { ElMessage, ElMessageBox } from "element-plus";
import { ResultEnum } from "@/enums/ResultEnum";
import { TOKEN_KEY } from "@/enums/CacheEnum";

// 创建 axios 实例
const service = axios.create({
    baseURL: import.meta.env.VITE_API_BASE_URL, // 基础 URL
    timeout: 50000, // 超时时间
    withCredentials: false, // 跨域请求时发送 cookies
    headers: {
        "Content-Type": "application/json;charset=utf-8",
    },
});

// 请求拦截器
service.interceptors.request.use(
    (config: InternalAxiosRequestConfig) => {
        // const userStore = useUserStoreHook();
        // if (userStore.token) {
        //     config.headers["Authorization"] = userStore.token;
        // }
        const accessToken = localStorage.getItem(TOKEN_KEY);
        if (accessToken) {
            config.headers["Authorization"] = accessToken;
        }
        return config;
    },
    (error: any) => {
        // 处理请求错误
        return Promise.reject(error);
    }
);

// 响应拦截器
service.interceptors.response.use(
    (response: AxiosResponse) => {
        // 检查配置的响应类型是否为二进制类型（'blob' 或 'arraybuffer'）, 如果是，直接返回响应对象
    if (
        response.config.responseType === "blob" ||
        response.config.responseType === "arraybuffer"
      ) {
        return response;
      }
        // 处理响应数据
        const { code,data, msg } = response.data;
        // 登录成功
        if(code === ResultEnum.SUCCESS) {
            return data;
        } 
        ElMessage.error(msg || '请求失败 or 系统出错');
        return Promise.reject(new Error(msg || 'Error'));
    },
    (error: any) => {
        if(error.response.data) {
            const {code, msg} = error.response.data;
            // token 过期，跳转登录页
            if(code === ResultEnum.TOKEN_INVALID) {
                ElMessageBox.confirm('登录已过期，是否重新登录？', '提示', {
                    confirmButtonText: '重新登录',
                    cancelButtonText: '取消',
                    type: 'warning',
                }).then(() => {
                    // localStorage.clear(); // @vueuse/core 自动导入
                    // window.location.href = '/';
                    const userStore = useUserStoreHook();
                    userStore.resetToken().then(() => {
                        window.location.reload();
                    })
                })
            } else {
                ElMessage.error(msg || '系统出错');
            }
        }
        return Promise.reject(error.message);
    }
);

// 导出 axios 实例
export default service;
